<template>
    <div id="market">
        <div id="header">
            <ul>
                <li>资金</li>
                <li style="font-size: 16px">行情</li>
                <li class="iconfont icon-iconfontzhizuobiaozhun22"></li>
            </ul>
        </div>
        <div class="menu">
            <ul >
                <li :class="meli1s">指数</li>
                <li :class="meli2s" @click="showhs">沪深</li>
                <li :class="meli2s">板块</li>
                <li :class="meli2s">港股</li>
                <li :class="meli2s">美股</li>
            </ul>
        </div>
        <div v-show="hideit" id="zsmain">
            <div class="menub">
                <div class="dsindex">
                    <div>
                        <div class="dsiheao">
                            <div class="dsihea">
                                <p>国内指数</p>
                                <span><p>更多 ></p></span>
                            </div>
                        </div>

                        <div class="dscent">
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:25px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                        </div>
                    </div>

                </div>
                <div class="dsindex">
                    <div>
                        <div class="dsiheao">
                            <div class="dsihea">
                                <p>其他指数</p>
                                <span><p>更多 ></p></span>
                            </div>
                        </div>

                        <div class="dscent">
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                            <div>
                                <div >
                                    <p>上证指数</p>
                                    <span style="font-size:16px;color:#00890c">2744.07</span>
                                    <span style="font-size:14px;color:#00890c">-35.30-1.27%</span>
                                </div>


                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div v-show="showit" id="hsmain">

            <div class="menub">
                <div class="hsindex">
                    <div >
                        <div class="hsincent">
                            <div>
                                <div >
                                    <p style="font-size: 18px">上证指数</p>
                                    <span style="font-size:26px;color:#00890c">2744.07</span>
                                    <span style="font-size:16px;color:#00890c">-35.30-1.27%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="hsincent">
                            <div>
                                <div >
                                    <p style="font-size: 18px">上证指数</p>
                                    <span style="font-size:26px;color:#00890c">2744.07</span>
                                    <span style="font-size:16px;color:#00890c">-35.30-1.27%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="hsincent">
                            <div>
                                <div >
                                    <p style="font-size: 18px">上证指数</p>
                                    <span style="font-size:26px;color:#00890c">2744.07</span>
                                    <span style="font-size:16px;color:#00890c">-35.30-1.27%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hsmenu">
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>走势预测</p>
                        </div>

                    </div>
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>智能诊服</p>
                        </div>

                    </div>
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>走势预测</p>
                        </div>

                    </div>
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>走势预测</p>
                        </div>

                    </div>
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>走势预测</p>
                        </div>

                    </div>
                    <div>
                        <div class="hsmein">
                            <div>

                            </div>
                            <p>走势预测</p>
                        </div>

                    </div>

                </div>
                <div class="hslist">
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                    <div>
                        <div class="hsliin">
                            <p style="font-size: 16px"> > 涨幅榜 </p>
                            <span ><p style="font-size: 16px">更多 > </p></span>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <div id="footer"></div>
    </div>
</template>

<script>
export default {
  name: 'market',
  data() {
    return {

    };
  },
  computed: {
    showhs() {

    },
  },
};

</script>

<style >

</style>
